<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="icon" href="../static/images/favicon.png" type="image/x-icon"/>
    <!-- Theme tittle -->
    <title>{{ the_title }}</title>

    <!-- Theme style CSS -->
    <link href="../static/css/style.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="../static/js/html5shiv.min.js"></script>
    <script src="../static/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<!-- Header Area -->
<header class="main_header_area mha_2">
    <div class="container">
        <div class="header_menu">
            <nav class="navbar navbar-expand-lg">
                <a class="navbar-brand" href="index.html"><img src="../static/images/logo.png" alt=""></a>
                <!-- Small Divice Menu-->
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar_supported"
                        aria-expanded="false" aria-label="Toggle navigation">
                    <i class="fa fa-bars" aria-hidden="true"></i>
                </button>

                <div class="collapse navbar-collapse navbar_supported">
                    <ul class="navbar-nav">
                        <li><a class="nav-link" href={{ url_for('index') }}>首页</a></li>
                        <li><a class="nav-link" href={{ url_for('today') }}>今日概况</a></li>
                        <li><a class="nav-link" href={{ url_for('overtime') }}>过往调查</a></li>
                        <li><a class="nav-link" href={{ url_for('future') }}>未来分析</a></li>
                        <li><a class="nav-link" href={{ url_for('causes') }}>病因追查</a></li>
                        {#                        <li><a class="theme_btn" href="#">Sign in</a></li>#}
                    </ul>
                </div>
            </nav>
        </div>
    </div>
</header>
<!-- Header Area -->

{% block body %}
{% endblock %}


<!-- Footer Area -->
<footer class="footer_area">
    <div class="container">
{#        <div class="email_us">#}
{#            <div class="input-group">#}
{#                <input type="text" class="form-control" placeholder="Type Your Email">#}
{#                <div class="input-group-prepend">#}
{#                    <span class="input-group-text">Get Started Free</span>#}
{#                </div>#}
{#            </div>#}
{#        </div>#}
        <div class="footer_inner row">
            <div class="col-lg-4 col-md-6 footer_logo">
                <a href="index.html"><img src="../static/images/logo.png" alt=""></a>
                <p>一个有关癌症数据的交互式可视化分析网站</p>
{#                <h6><i class="fa fa-location-arrow"></i>Netherlands</h6>#}
            </div>

            <div class="col-lg-4 col-md-6 footer_logo" style="left: 50%;margin-top: 70px">
                <ul class="footer_social">
                    <li><a href="https://gitee.com/bannngo/interactive-data-visualization/tree/master/FinalProject"><i class="iconify" data-icon="simple-icons:gitee" style="margin-top: -2px"></i></a></li>
                    <li><a href="https://github.com/Esthieee?tab=repositories"><i class="fa fa-github"></i></a></li>
                    <li><a href="https://gco.iarc.fr/"><i class="fa fa-database"></i></a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="copy_right">
        <p>Copyrights 2018 <a href="http://www.jq22.com">Mogh</a> Template</p>
    </div>
</footer>
<!-- End Footer Area -->

<!-- Scroll Top Button -->
<button class="scroll-top">
    <i class="fa fa-angle-double-up"></i>
</button>

<!-- Preloader -->
<div class="preloader"></div>

<!-- jQuery v3.3.1 -->
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<!-- Bootstrap v4.0.0 -->
<script src="../static/js/popper.min.js"></script>
<script src="../static/js/bootstrap.min.js"></script>
<!-- Extra Plugin -->
<script src="../static/vendors/animate-css/wow.min.js"></script>
<script src="../static/vendors/parallaxmouse/parallax.min.js"></script>
<script src="../static/vendors/magnify-popup/jquery.magnific-popup.min.js"></script>
<!-- Theme js / Custom js -->
<script src="../static/js/theme.js"></script>
<script src="https://code.iconify.design/2/2.2.1/iconify.min.js"></script>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>

</body>
</html>
